<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/res/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="/res/js/common/Viewer/viewer.min.css" />
    <link rel="stylesheet" href="/res/css/style.css" media="all">
</head>
  <style>
     .layui-form-label{width:100px}
     .delectowner{
       margin-top: 10px;
       color: #5FB878;
       width: 40px;
       cursor: pointer;
     }
  </style>
<body>
<div class="layui-fluid" style="padding-top:10px;">
	<span class="layui-breadcrumb">
	  <a><cite>首页</cite></a>
	  <a><cite id="subTitle">添加用户</cite></a>
	</span>
	<div class="layui-clear"></div>
	<form id="form_edit"   class="layui-form" style="margin-top:30px;" action="">
	  <input type="hidden" name="id" id="id" />
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>用户名称</label>
	    <div class="layui-input-inline">
	        <input type="text" id="userName" name="userName"   lay-verify="fusername"  autocomplete="off" class="layui-input">
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>姓名</label>
	    <div class="layui-input-inline">
	        <input type="text" id="name" name="name"   lay-verify="fname"   autocomplete="off" class="layui-input">
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>角色选择</label>
	    <div class="layui-input-inline">
	       <select id="role"  name="role"  lay-search lay-verify="frole" >
				<option value="">请选择(可模糊搜索)</option> 					
			</select>
		</div>
	    <label class="layui-form-label"><span style="color:red;">*</span>类型</label>
	    <div class="layui-input-inline">
	        <select id="type"  name="type" lay-verify="ftype" lay-filter="typeFilter" selectTypeMain="sys_user_type" >
				<option value="">请选择</option> 					
			</select>														
		</div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>用户密码</label>
	    <div class="layui-input-inline">
	      <input type="password" id="userPassword" name="pwd"  lay-verify="fpassword" autocomplete="off" class="layui-input">
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>确认密码</label>
	    <div class="layui-input-inline">
			<input type="password" id="userPassword2" class="layui-input" lay-verify="fconfirmPassword" autocomplete="off" />
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"></label>
	    <div class="layui-input-inline" style="width:500px;color:red;font-size:14px">
			(密码必须包含大小写字母、数字、特殊符号、密码长度不能少于8位)
	    </div>
	  </div>
	  <div class="layui-form-item">
	     <label class="layui-form-label"><span style="color:red;">*</span>手机号</label>
		 <div class="layui-input-inline">
		      <input type="text" id="userphone" name="phone"  lay-verify="fphone" autocomplete="off" class="layui-input">
		 </div>
		 <label class="layui-form-label"><span style="color:red;">*</span>是否冻结</label>
		 <div class=" layui-input-inline ">
			<input type="radio" name="state" type="radio" value="1" title="是">
		    <input type="radio" name="state" type="radio" value="0" title="否" checked>
		 </div> 
	  </div>
	  <div class="layui-form-item">
		<label class="layui-form-label">选择业主</label>
		<div class="layui-input-inline">
		        <input type="text" id="ownerName" placeholder="选择业主名称"  autocomplete="off" class="layui-input">
				<input type="hidden" id="owner" name="ownerId" autocomplete="off" class="layui-input" >
		</div>
		<div class="layui-input-inline">
				<div class="delectowner">清除</div>
		</div>
	  </div>		    
	  <div class="layui-form-item">   	   
		    <label class="layui-form-label">头像</label>
		    <div class="layui-input-inline" style="width:150px">
		        <a href="javascript:;" onclick="Viewerfun('viewer_image')">
		           <div id="viewer_image" >
					   <img data-original="/res/images/up.png" src="/res/images/up.png"  alt="头像"  style="width:50px;height:50px" />
				   </div>
		        </a>
		        <input type="hidden" id="image" name="image"  class="layui-input">
		        <input type="file" class="add" style="width: 75px; position: absolute; right: 0px;top: 5px;" autocomplete="off" />
		    </div>
	   </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label">备注</label>
	    <div class="layui-input-inline" style="width:500px;">
		  <textarea id="remarks" name="remarks" placeholder="请输入内容" lay-verify="fremarks"  class="layui-textarea"></textarea>
	    </div>
	  </div>
	  <div class="layui-form-item" style="margin-top:30px">
	    <div class="layui-input-block">
	      <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">提交</button>
		  <button class="layui-btn layui-btn-primary"  onclick="historyBack()">返回</button>
	    </div>
	  </div>
	</form>
</div>
<!--选择、业主-->
	<div id="form_addowner" class="layui-form" style="margin-top:30px;margin-left:30px;display:none">
			<div class="demoTable">
				<div class="layui-input-inline">				    	
				    <input type="text" name="name" id="ownername" defaultmsg="业主名称" placeholder="业主名称"  
				    class="layui-input" condition=""/>    				
			    </div>
				<div class="layui-input-inline" id="searchbutton">
		             <button class="layui-btn layui-btn-normal" lay-submit lay-filter="queryData1"><i class="layui-icon ">&#xe615</i></button>      		
		        </div>
		        <div class="layui-input-inline" style="margin-left:8%">
		              <button class="layui-btn layui-btn-normal" data-type="form_addownerform" >确定添加</button>      		
		        </div>
		        <div class="layui-tab-item layui-show" >
		    		<table class="layui-hide" id="ownerData" lay-filter="ownerDataTest"></table>
		    	</div>	
			</div>																																							
	</div>
</body>
<script src="/res/js/common/jquery-3.2.1.min.js"></script>
<script src="/res/js/common/Viewer/viewer.min.js"></script>
<script src="/res/js/common/app.js"></script>
<script src="/res/js/validate.js"></script>
<script src="/res/layui/layui.js"></script>
<script type="text/javascript" src="/res/js/station/Addele.js" ></script>
<script src="/res/js/user/user_form.js"></script>
</html>